<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!--禁止浏览器缩放-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--清除浏览器缓存-->
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <!--iPhone 手机上设置手机号码不被显示为拨号链接）-->
    <meta content="telephone=no, address=no" name="format-detection" />
    <!--IOS私有属性，可以添加到主屏幕-->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--屏幕顶部条的颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/flexible.js"></script>
  </head>

  <body>
    <header class="header">
      <a href="" class="h-scan"></a>
      <form action="" class="h-form pr">
        <label for="Hsearch" class="h-label"></label>
        <input class="h-search" id="Hsearch" type="text" placeholder="目的地/景点/酒店/门票">
      </form>
      <a href="" class="h-message"></a>
    </header>
      <section class="content">
        <!-- c-banner -->
        <div class="c-banner pr">
          <a href="#" class="db">
            <img src="../img/seek.jpg">   
          </a>
          <nav class="clearfix">
            <a href="#" class="current"></a>
            <a href="#" class="color"></a>
            <a href="#"></a>
            <a href="#"></a>
          </nav>
        </div>

        <!-- c-sort -->
        <div class="c-sort clearfix">
          <a href="#">
            <img src="../img/sort1.jpg">
          </a>
          <a href="#">
            <img src="../img/sort2.png">
          </a>
          <a href="#">
            <img src="../img/sort3.png">
          </a>        
          <a href="#">
            <img src="../img/sort4.png">
          </a>
          <a href="#">
            <img src="../img/sort5.png">
          </a>
          <a href="#">
            <img src="../img/sort6.png">
          </a>
          <a href="#">
            <img src="../img/sort7.png">
          </a>
          <a href="#">
            <img src="../img/sort8.png">
          </a>
        </div>

        <!-- c-sort2 -->
        <div class="c-sort2 clearfix">
          <a href="">
            <img src="../img/sort2-1.jpg">
          </a>
          <a href="">
            <img src="../img/sort2-2.png">
          </a>
          <a href="" class="noborder">
            <img src="../img/sort2-3.png">
          </a>
          <a href="">
            <img src="../img/sort2-4.png">
          </a>
          <a href="">
            <img src="../img/sort2-5.png">
          </a>  
          <a href="" class="noborder">
            <img src="../img/sort2-6.png">
          </a>
        </div>
        
        <!-- c-headline -->
        <div class="c-headline clearfix">
          <h3>
            <a href="#"></a>
          </h3>
          <div class="ch-right">
            <a href="#">
              <span>•</span>小时候妈妈的味道，你有多少年不曾尝过，常回家看看
            </a>
            <a href="#">
              <span>•</span>周边游|容易被念错的广西小镇，看看多姿多彩的小镇生活
            </a>
          </div>
        </div>
        
        <!-- 分割线 -->
        <div class="c-fenge"></div>

        <!-- c-bargains -->
        <div class="c-bargains clearfix">
          <div class="bargains-content">
            <a href="#" class="traver pr">
              <h3 class="ct-title pa">旅行特卖</h3>
              <span class="ct-text pa">限时品质促销</span>
            </a>
            <a href="#" class="air-ticket pr">
              <h3 class="ct-title pa">特价机票</h3>
              <span class="ct-text pa">有保障放心飞</span>
            </a>
            <a href="#" class="grogshop pr">
              <h3 class="ct-title pa">特惠酒店</h3>
              <span class="ct-text pa">想不到的低价</span>
            </a>
          </div>
        </div>

        <div class="c-fenge"></div>
      </section>
      <footer class="footer">
        <a href="" class="page"></a>
        <a href="" class="discover"></a>
        <a href="" class="journey"></a>
        <a href="" class="me"></a>
      </footer>
    

  </body>
</html>
